@charset "utf-8";
/*------------------------------------------------------------
    样式初始化
------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #333;
}
body {
    background: #fff;
    color: #555;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}
td, th, caption {
    font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
img {
	max-width: 100%;
    border: none;
    display: block;
}
ol, ul, li {
    list-style: none;
}
input, textarea, select, button {
    font: 14px 微软雅黑, Helvetica, Arial, Verdana, sans-serif;
}
table {
    border-collapse: collapse;
}
html {
    overflow-y: scroll;
}
/*---------------------------------------以上为公共样式------------------------------------------------*/
.width1200{width: 1200px;margin: 0 auto;}
.width1920_w{width: 1920px;}
.width1920{width: 1920px;margin:0 calc(50% - 960px);}
.color_h{background: #F0F5F7;}


.sd_index_top_tiao{background-image: linear-gradient(to right, #0089D8 , #1AD1FF);height: 5px;}
.sd_index_top_keywords{background: #F5F5F5;padding: 15px 0;}
.sd_index_top_keywords ul{display: flex;justify-content: space-between;}
.sd_index_top_keywords ul li{font-size: 12px;color: #999999;display: flex;}
.sd_index_top_keywords ul li span{padding: 0 8px;}
.sd_index_top_keywords ul li span:not(:first-child){border-left: 1px solid #999;}
.sd_index_top_keywords ul li a{color: #999999;}


.sd_index_top_logo ul{display: flex;justify-content: space-between;padding: 30px 0;align-items: center;}
.sd_index_top_logo ul li:first-child{width: 105px;}
.sd_index_top_logo ul li:nth-child(2){flex-grow: 1;display: flex;align-items: center;border-left: 1px solid #999;}
.sd_index_top_logo ul li:nth-child(2) i{font-size: 30px;color: #999;margin: 0 1.5%;}
.sd_index_top_logo ul li:nth-child(2) div p{font-size: 16px;line-height: 2;font-weight: 700;}
.sd_index_top_logo ul li:nth-child(2) div span{line-height: 1.5;color: #333;font-size: 14px;font-weight: 700;}
.sd_index_top_logo ul li:last-child{width: 200px;display: flex;align-items: center}
.sd_index_top_logo ul li:last-child i{font-size: 30px;color: #0173D4;margin: 0 5%;}
.sd_index_top_logo ul li:last-child div span{color: #999;line-height: 1.5;font-size: 16px;}
.sd_index_top_logo ul li:last-child div p{font-size: 24px;color: #0173D4;line-height: 1.2;font-family: "Impact";}



.sd_index_nav{background-image: linear-gradient(to top, #006dc4 , #1cbdf0);}
.sd_index_nav ul{display: flex;align-items: center;justify-content: space-between;}
.sd_index_nav ul li.selected{background: #1E8BDE;border-radius: 6px;}
.sd_index_nav ul li a{color: #fff;display: block;padding: 30px;}




.sd_index_hot_keyword{background: #f0f5f7;padding: 15px 0;}
.sd_index_hot_keyword ul{display: flex;align-items: center;}
.sd_index_hot_keyword li{padding: 10px 40px;}
.sd_index_hot_keyword li:first-child{font-size: 20px;border-right: 1px solid #999;flex-shrink: 0;font-weight: 700;}
.sd_index_hot_keyword li:first-child p{line-height: 2.5;font-size: 12px;}
.sd_index_hot_keyword li:last-child{line-height: 1.7;font-size: 15px;}


.sd_index_title{display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 70px 0 30px;}
.sd_index_title span,.sd_index_title h2{font-size: 32px;font-weight: 700;}
.sd_index_title p{line-height: 3;}
.sd_index_title div{width: 110px;height: 3px;background: linear-gradient(to right, #006dc4 , #1cbdf0);}


.sd_index_product{display: flex;justify-content: space-between;}
.sd_index_product .left{width: 250px;border: 2px solid #007dc4;}
.sd_index_product .left>p{font-size: 24px;line-height: 1.5;margin-top: 25px;padding-left: 10px;}
.sd_index_product .left>span{color: #999;padding-left: 10px;font-size: 12px;}
.sd_index_product .left ul{margin-top: 30px;}
.sd_index_product .left ul li{padding: 20px 5%;border-bottom: 1px solid #ddd;}
.sd_index_product .left ul li a{display: flex;justify-content: space-between;font-size: 16px;}
.sd_index_product .left ul li i{color: #0173D4;}
.sd_index_product .left>div{display: flex;align-items: center;justify-content: space-between;padding: 20px 5%;}
.sd_index_product .left>div div:first-child{font-size: 13px;font-weight: 700;}
.sd_index_product .left>div div:first-child p{line-height: 1.5;font-size: 15px;}
.sd_index_product .left>div div:last-child{width: 30%;overflow: hidden;}

.sd_index_product .right{width: 900px;}
.sd_index_product .right .top{padding: 50px 5% 30px;background-image: url('../image/sdb.png');background-repeat: no-repeat;background-size: cover;display: flex;justify-content: space-between;}
.sd_index_product .right .top>div:first-child{width: 415px;overflow: hidden;height: 340px;}
.sd_index_product .right .top>div:last-child{width: 360px;}
.sd_index_product .right .top>div:last-child font{font-size: 24px;color: #005aa8;}
.sd_index_product .right .top>div:last-child p{font-size: 14px;padding: 10px 0 30px;border-bottom: 1px solid #ddd;}
.sd_index_product .right .top>div:last-child p.yous{border-bottom: none;padding: 20px 0 10px;}
.sd_index_product .right .top>div:last-child span{line-height: 2;font-size: 14px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}
.sd_index_product .right .top>div:last-child div{display: flex;align-items: center;justify-content: space-between;margin-top: 20px;}
.sd_index_product .right .top>div:last-child div a{padding: 10px 30px;color: #fff;border-radius: 30px;background:#00A0E9;}
.sd_index_product .right>ul{display: flex;justify-content: space-between;margin-top: 15px;}
.sd_index_product .right>ul li{width: 24%;background-image: url('../image/sdb.png');background-repeat: no-repeat;background-size: cover;box-sizing: border-box;}
.sd_index_product .right>ul li div{height: 162px;overflow: hidden;}
/* .sd_index_product .right>ul li img{width: 80%;margin: 30px auto;} */
.sd_index_product .right>ul li p{display: block;text-align: center;font-size: 13px;padding: 8px 0;background: #F4FBFE;}


.sd_index_show{display: flex;margin-top: 80px;background: #00A0E9;}
.sd_index_show>div{width: 50%;overflow: hidden;}
.sd_index_show ul{display: flex;flex-direction: column;justify-content: space-around;width: 25%;margin-left: -35px;}
.sd_index_show ul li{display: flex;align-items: center;}
.sd_index_show ul li>div:first-child{width: 70px;flex-shrink: 0;}
.sd_index_show ul li>div:last-child{margin-left: 7%;}
.sd_index_show ul li>div:last-child h1{font-size: 18px;color: #fff;line-height: 1.5;font-weight: bolder;}
.sd_index_show ul li>div:last-child p{line-height: 1.6;font-size: 16px;color: #fff;}


.sd_index_show_botton{background-image: url('../image/sdsanj.png');background-repeat: no-repeat;background-size: cover;padding: 30px 0;}
.sd_index_show_botton ul{display: flex;margin: 0 auto;}
.sd_index_show_botton ul li:first-child{font-size: 20px;line-height: 1.8;color: #fff;width: 60%;font-weight: 700;}
.sd_index_show_botton ul li:nth-child(2){margin-left: 12%;}
.sd_index_show_botton ul li:nth-child(2) i{font-size: 40px;color: #fff;}
.sd_index_show_botton ul li:last-child{flex-grow: 1;margin-left: 20px;}
.sd_index_show_botton ul li:last-child p{font-size: 24px;color: #fff;width: 60%;font-family: "Impact";display: block;margin-bottom: 15px;}
.sd_index_show_botton ul li:last-child div{background-image: url('../image/sddbx.png');background-repeat: no-repeat;background-size: 100% 100%;padding: 12px 0;width: 50%;text-align: center;color: #17A9EB;}


.sd_index_ablou{display: flex;justify-content: space-between;}
.sd_index_ablou>div:first-child{width: 45%;height: 470px;}
.sd_index_ablou>div:first-child img{min-width: 100%;}
.sd_index_ablou>div:last-child{width: 52%;}
.sd_index_ablou>div:last-child h1{font-size: 22px;color: #079de3;line-height: 2;}
.sd_index_ablou>div:last-child p{font-size: 14px;line-height: 2;}
.sd_index_ablou>div:last-child div{display: flex;align-items: center;}
.sd_index_ablou>div:last-child div a{display: block;background: #f5f5f5;width: 25%;padding: 10px;font-size: 12px;text-align: center;}
.sd_index_ablou>div:last-child div a:not(:first-child),.sd_index_ablou>div:last-child div a:not(:last-child){border-right: 1px solid #ddd;margin: 30px 0 40px;}
.sd_index_ablou>div:last-child ul{display: flex;justify-content: space-between;align-items: center;}
.sd_index_ablou>div:last-child ul .carJian{width: 90%;overflow: hidden;}
.sd_index_ablou>div:last-child ul .carJian>div{display: flex;}


.sd_index_ablou>div:last-child ul span{border: 2px solid #ddd;background: #666;}
.sd_index_ablou>div:last-child ul li{width: 130px;text-align: center;height: 165px;overflow: hidden;margin: 0 5px;}
.sd_index_ablou>div:last-child ul li p{line-height: 3;}
.sd_index_ablou>div:last-child ul span{width: 24px;height: 24px;border-radius: 50%;display: flex;justify-content: center;align-items: center;background: #f5f5f5;color: #999;}
.sd_index_ablou>div:last-child ul span:first-child{transform: rotate(180deg);}

.sd_index_anli{padding: 10px 0 80px;margin-top: 60px;}
.sd_index_anli ul{overflow: hidden;}
.sd_index_anli ul.sd_index_anli_list>div{display: flex;align-items: center;justify-content: space-between;}
.sd_index_anli ul li{width: 400px;text-align: center;background: #fff;padding: 12px;box-sizing:border-box;}
.sd_index_anli ul li div{height: 280px;overflow: hidden;}
.sd_index_anli ul li div img{min-height:100%;}
.sd_index_anli ul li span,.sd_index_anli ul li p{font-size: 16px;line-height:2;}


.sd_index_news{display: flex;justify-content: space-between;}
.sd_index_news ul{width: 30%;margin-top: 40px;}
.sd_index_news ul .title{display: flex;align-items: center;}
.sd_index_news ul .title h1{font-size: 22px;}
.sd_index_news ul .title p{font-size: 12px;margin-left: 15px;}
.sd_index_news ul .title p span{width: 25px;height: 3px;background: linear-gradient(to right, #006dc4 , #1cbdf0);display: block;margin-bottom: 5px;}
.sd_index_news ul .img{height: 190px;overflow: hidden;margin: 30px 0 10px;}
.sd_index_news ul li{padding: 10px 0;}
.sd_index_news ul li a{display: flex;align-items: center;}
.sd_index_news ul li a i{font-size: 16px;margin-right: 3%;}
.sd_index_news ul li a span{font-size: 13px;flex-grow: 1;}
.sd_index_news ul li a p{font-size: 12px;color: #999;flex-shrink: 0;}

.sd_index_sidu{background-image: url("../image/sdbg.png");background-repeat: no-repeat;background-size: 100% 100%;padding: 70px 0 100px;margin: 50px 0;}

.sd_index_sidu .width1200 ul{display: flex;justify-content: space-between;}
.sd_index_sidu .width1200 ul .left{width: 48%;}
.sd_index_sidu .width1200 ul .left h1{font-size: 34px;color: #fff;font-weight: 700;}
.sd_index_sidu .width1200 ul .left p{font-size: 18px;line-height: 5;color: #fff;}
.sd_index_sidu .width1200 ul .left span{font-size: 14px;line-height: 2;color: #fff;display: block;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.sd_index_sidu .width1200 ul .left div{display: flex;align-items: center;margin-top: 50px;}
.sd_index_sidu .width1200 ul .left div h2{font-size: 13px;color: #fff;margin: 0 3%;}
.sd_index_sidu .width1200 ul .left div a{display: block;width: 30%;padding: 12px 0;text-align: center;border-radius: 20px;}
.sd_index_sidu .width1200 ul .left div a i{margin-right: 8px;}
.sd_index_sidu .width1200 ul .left div a:first-child{color: #05A2E7;background: #fff;}
.sd_index_sidu .width1200 ul .left div a:last-child{color: #fff;background: #05A2E7;}
.sd_index_sidu .width1200 ul .right{width: 550px;}
.sd_index_sidu .width1200 ul .right img{width: 100%;}

footer.sd_index_footer{padding: 50px 0 20px;background-image: url("../image/sdbg.png");background-repeat: no-repeat;background-size: 100% 100%;}
footer.sd_index_footer ul{display: flex;align-items: center;}
footer.sd_index_footer ul li{margin-right: 50px;}
footer.sd_index_footer ul li:first-child{width: 105px;overflow: hidden;}
footer.sd_index_footer ul li:nth-child(2){width: 125px;overflow: hidden;}
footer.sd_index_footer ul li:nth-child(2) div{width: 80%;margin: 0 auto 10px;}
footer.sd_index_footer ul li:nth-child(2) div img{width: 100%;}
footer.sd_index_footer ul li:nth-child(2) p{font-size: 12px;color: #fff;}
footer.sd_index_footer ul li:last-child{width: 565px;overflow: hidden;}
footer.sd_index_footer ul li:last-child h1{color: #fff;font-size: 15px;font-weight: 700;line-height: 2.2;}
footer.sd_index_footer ul li:last-child p{color: #fff;font-size: 15px;font-weight: 700;line-height: 1.5;}

footer.width1200 .top{display: flex;justify-content: space-between;}
footer.width1200 .top .ul_list{width: 100px;}
footer.width1200 .top .ul_list h1,footer.width1920_w .top .ul_content h1{font-size: 16px;margin-bottom: 15px;font-weight: 700;}
footer.width1200 .top .ul_list li{font-size: 14px;color: #999;line-height: 2;}

footer.width1200 .top .ul_content{width: 260px;}
footer.width1200 .top .ul_content div{display: flex;margin: 5px 0;}
footer.width1200 .top .ul_content div i{font-size: 30px;color: #0D95D6;margin-right: 10px;}
footer.width1200 .top .ul_content div p span{display: block;color: #0D95D6;font-size: 22px;font-family: "Impact";line-height: 1.3;}
footer.width1200 .top .ul_qrcode{display: flex;justify-content: flex-end;}
footer.width1200 .top .ul_qrcode li{width: 110px;text-align: center;margin-left: 10px;height: 110px;}
footer.width1200 .top .ul_qrcode li img{width: 100%;}
footer.width1200 .top .ul_qrcode li span,footer.width1200 .top .ul_qrcode li p{font-size: 14px;line-height: 1.4;}

footer.width1200 .bottom{display: flex;align-items: center;border-top: 1px solid #ddd;margin: 30px 0 20px;padding-top: 30px;}
footer.width1200 .bottom div:first-child{width: 100px;}
footer.width1200 .bottom div:last-child{margin-left: 30px;}
footer.width1200 .bottom div:last-child p{font-size: 15px;color: #999;line-height: 1.6;}
.sd_index_link{display: flex;padding: 30px 0;background: #f2f2f2;flex-wrap: wrap;}
.sd_index_link li{font-size: 14px;margin-right: 30px;margin-bottom: 10px;}
.sd_index_link li a{color: #999;}




.public_div{display: flex;justify-content: space-between;margin: 30px auto 85px;}
.public_div>.left{width: 280px;}
.public_div>.left ul{padding-bottom: 20px;}
.public_div>.left ul h1{color: #fff;background: #00a0e9;text-align: center;padding: 18px 0;font-size: 16px;font-weight: 900;}
.public_div>.left ul li{box-sizing: border-box;}
.public_div>.left ul:first-child li{font-weight: 700;background: #f0f0f0;border-bottom: 4px solid #fff;padding: 20px;}
.public_div>.left ul:last-child{border: 1px solid #ddd;}
.public_div>.left ul:last-child li{border-bottom: 1px dashed #f0f0f0;line-height: 1.5em;padding: 10px 20px;}

.public_div>.right{width: 900px;}
.public_div>.right .nav{display: flex;padding: 20px 0;border-bottom:1px solid #333;align-items: center;}
.public_div>.right .nav i{color: #7B7B7B;margin-right: -5px;}
.public_div>.right .nav li{font-size: 13px;margin: 0 5px;}
.public_div>.right .nav h1{flex-grow: 2;font-size: 20px;font-weight: 700;}

.public_div>.right .list{display: flex;flex-wrap: wrap;}
.public_div>.right .list a{display: block;width: 32%;margin: 10px calc(4%/6) 0;}
.public_div>.right .list a li div{height: 216px;overflow: hidden;}
.public_div>.right .list a li div img{min-width: 100%;min-height: 100%;}
.public_div>.right .list a li p{background: #00a0e9;color: #fff;text-align: center;padding: 13px 0;}

.public_div>.right .page{display: flex;justify-content: flex-end;margin-top: 30px;}
.public_div>.right .page li{padding: 8px 12px;border: 1px solid #00a0e9;color: #000;font-size: 12px;margin-left: 10px;}
.public_div>.right .page li.selected{background: #00a0e9;color: #fff;}

.public_div>.right .xiangguan{box-sizing: border-box;padding: 18px;border: 1px solid #ddd;margin-top: 30px;display: flex;}
.public_div>.right .xiangguan>ul{width: 50%;}
.public_div>.right .xiangguan h1{font-size: 16px;font-weight: 700;padding-bottom: 10px;}
.public_div>.right .xiangguan li{padding: 10px 0;font-size: 15px;display: flex;align-items: center;}
.public_div>.right .xiangguan li::before{content: "";background: url("../image/tc.png");width: 8px;height: 8px;background-repeat: no-repeat;background-size: 100% 100%;display: block;margin-right: 10px;}

.public_div>.right .pruduct_details{display: flex;margin-top: 15px;justify-content: space-between;}
.public_div>.right .pruduct_details .pruduct_details_left{width: 410px;}
.public_div>.right .pruduct_details .pruduct_details_left div{width: 100%;height: 310px;overflow: hidden;}

.public_div>.right .pruduct_details .pruduct_details_left ul{display: flex;justify-content: space-between;align-items: center;margin-top: 12px;}
.public_div>.right .pruduct_details .pruduct_details_left ul div{width: 350px;height: 73px;}
.public_div>.right .pruduct_details .pruduct_details_left ul div li{width: 24%;overflow: hidden;height: 73px;}
.public_div>.right .pruduct_details .pruduct_details_left ul span{width: 20px;height: 20px;border-radius: 50%;display: flex;justify-content: center;align-items: center;background: #f5f5f5;color: #999;border: 2px solid #ddd;}
.public_div>.right .pruduct_details .pruduct_details_left ul span:first-child{transform: rotate(180deg);}


.public_div>.right .pruduct_details .pruduct_details_right{display: flex;flex-direction: column;justify-content: space-between;width: 460px;}
.public_div>.right .pruduct_details .pruduct_details_right .title h1{font-size: 24px;font-weight: 700;padding-bottom: 10px;}
.public_div>.right .pruduct_details .pruduct_details_right .title h3{font-size: 20px;font-weight: 700;padding-bottom: 10px;}
.public_div>.right .pruduct_details .pruduct_details_right .title p{line-height: 1.8;}
.public_div>.right .pruduct_details .pruduct_details_right .title span{line-height: 1.8;font-weight: 900;font-size: 16px;}
.public_div>.right .pruduct_details .pruduct_details_right .phone p{font-size: 18px;line-height: 1.6;}


.public_div>.right .pruduct_detail_data{margin-top: 30px;}

.public_div>.right .pruduct_detail_data p,.public_div>.right .news_details .news_details_content p{line-height: 1.5em;}
.public_div>.right .pruduct_detail_data .detail{background: #f5f5f5;display: flex;margin-bottom: 22px;}
.public_div>.right .pruduct_detail_data .detail div{padding: 10px 30px;background: #00a0e9;color: #fff;font-size: 18px;font-weight: 700;}


.public_div>.right .recommend{box-sizing: border-box;padding: 18px 0;margin-top: 30px;}
.public_div>.right .recommend h1{font-size: 16px;font-weight: 700;padding-bottom: 10px;}
.public_div>.right .recommend ul{display: flex;justify-content: space-between;margin-top: 10px;}
.public_div>.right .recommend ul a{width: 24%;overflow: hidden;}
.public_div>.right .recommend ul a li div{height: 170px;overflow: hidden;}
.public_div>.right .recommend ul a li p{line-height: 1.6;text-align: center;}


.public_div>.right .news_list li{}
.public_div>.right .news_list li{padding: 15px 0;font-size: 14px;display: flex;align-items: center;border-bottom: 1px dashed #000;}
.public_div>.right .news_list li p{flex-grow: 2;}
.public_div>.right .news_list li::before{content: "";background: url("../image/tc.png");width: 8px;height: 8px;background-repeat: no-repeat;background-size: 100% 100%;display: block;margin-right: 10px;}

.public_div>.right .news_details h1{font-size: 18px;font-weight: 700;text-align: center;padding: 20px 0 10px;}
.public_div>.right .news_details .news_info{text-align: center;color: #999;padding: 10px 0 30px;}
.public_div>.right .news_details h2{margin: 60px 0 -15px;font-size: 16px;font-weight: 700;}

.public_div>.right .article{margin-top: 20px;}

.ul_news_list a li{display: flex;justify-content: space-between;margin-top:20px;}
.ul_news_list a li .left{width:65%;}
.ul_news_list a li .left h1{font-size:22px;font-weight: 700;}
.ul_news_list a li .left span{color:#aaa;line-height: 1.8;}
.ul_news_list a li .left p{line-height: 2;margin:15px 0;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ul_news_list a li .right{width:25%;height:200px;overflow:hidden;}